<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets">
<h:head>
	<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
	<title>Free CSS template by ChocoTemplates.com</title>
	<link rel="stylesheet" href="css/style.css" type="text/css" media="all" />
	<!--[if lte IE 6]><link rel="stylesheet" href="css/ie6.css" type="text/css" media="all" /><![endif]-->
</h:head>
<h:body>
	<!-- Header -->
	<div id="header">
		<div class="shell">

			<!-- Logo -->
			<h1 id="logo">
				<a href="#">SPIAC - simple solutions</a>
			</h1>
			<!-- End Logo -->

			<!-- Navigation -->
			<div id="navigation">
				<strong>Usuario:</strong>
			</div>
			<!-- End Navigation -->

		</div>
	</div>
	<!-- End Header -->

	<!-- Slider -->
	<div id="slider">
		<div class="shell"></div>
	</div>
	<!-- End Slider -->

	<!-- Main -->
	<div id="main">
		<div class="shell">
            <ui:insert name="content" >
			<!-- Cols -->
			<div class="three-cols">
				<div class="cl">&nbsp;</div>

				<!-- Col -->
				<div class="col">
					<h3 class="ico ico1">Lorem ipsum dolor</h3>

					<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.
						Cras accumsan interdum nulla. Nunc venenatis tincidunt sem, nec
						tempus purus congue viverra.</p>
					<p>Nullam venenatis tempus libero, quis venenatis metus rhoncus
						et. Nulla rutrum luctus ante, quis varius justo aliquam sit amet.</p>
					<p class="more">
						<a href="#">Lorem Impsum</a>
					</p>

				</div>
				<!-- End Col -->

				<!-- Col -->
				<div class="col">
					<h3 class="ico ico2">Tempus libero varius</h3>

					<p>Deugiat tincidunt ac a tortor. Sed nec elit quis tellus
						dictum pharetra. Mauris nec ante eu mauris consequat ultricies nec
						vitae purus. Proin nec urna odio.</p>
					<p>Mauris sapien justo, commodo non mollis sed, dictum sit amet
						dolor. Maecenas purus lacus, viverra a sollicitudin eget, posuere
						vel diam.</p>
					<p class="more">
						<a href="#">Lorem Impsum</a>
					</p>

				</div>
				<!-- End Col -->

				<!-- Col -->
				<div class="col col-last">
					<h3 class="ico ico3">Ipsum in faucibus sed</h3>

					<p>Quisque mi eros, sodales non semper at, egestas eget libero.
						Nullam pharetra aliquam molestie. Proin cursus lorem a elit ornare
						iaculis. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
					</p>
					<p>Nunc ultricies massa id nibh ultricies in pharetra sapien
						sagittis. Donec imperdiet eros vitae purus interdum suscipit eu
						faucibus libero.</p>
					<p class="more">
						<a href="#">Lorem Impsum</a>
					</p>

				</div>
				<!-- End Col -->
           
				<div class="cl">&nbsp;</div>

			</div>
			<!-- End Cols -->
            </ui:insert>
		</div>
	</div>
	<!-- End Main -->
	<div id="nav">TOMAO</div>
	<!-- Footer -->
	<div id="footer">
		<div class="shell">
			<p class="left">
				<a href="#">Home</a> <span>|</span> <a href="#">About</a> <span>|</span>
				<a href="#">Services</a> <span>|</span> <a href="#">Contact</a>
			</p>
			<p class="right">
				&copy; 2010 Company Name. Design by <a
					href="http://chocotemplates.com" target="_blank"
					title="The Sweetest CSS Templates WorldWide">Chocotemplates.com</a>
			</p>
		</div>
	</div>
	<!-- End Footer -->

</h:body>

</html>